<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<wicket:panel>
		<script src="/js/calendar/Common.js" type="text/javascript"></script>
		<script src="/js/calendar/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
		<script src="/js/calendar/datepicker_lang_US.js" type="text/javascript"></script>
		<script src="/js/calendar/jquery.datepicker.js" type="text/javascript"></script>
		<script src="/js/calendar/jquery.alert.js" type="text/javascript"></script>
		<script src="/js/calendar/jquery.ifrmdailog.js" defer="defer" type="text/javascript"></script>
		<script src="/js/calendar/wdCalendar_lang_US.js" type="text/javascript"></script>

		<script type="text/javascript" src="/js/calendar/jquery.calendar.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$(".closebtn").click(function() {
					CloseModelWindow(function() {
					});
				});

				if ($("#window").val() == 0) {
					$(".closebtn").hide();
				}
			});
		</script>
		<style type="text/css">
body {
	color: #2A2AC5;
	background-image: url('/images/Page/bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 95%;
	font-family: "Arial";
}

#eventForm input {
	-moz-box-shadow: 5px 5px 5px #57518F;
	-webkit-box-shadow: 5px 5px 5px #57518F;
	box-shadow: 5px 5px 5px #57518F;
	padding-top: 5px;
}

#eventForm td {
	padding-top: 7px;
}
</style>
		<div style="width: 100%; padding-left: 30px;" align="center" id="eventP">
			<div style="font-weight: bold; font-size: 20px;">Add/Edit Event</div>
			<form wicket:id="eventForm" id="eventForm">
				<div wicket:id="feedback"></div>
				<table>
					<tr>
						<td><span style="font-weight: bold;">Title :</span></td>
						<td><input wicket:id="title" type="text" /></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold;">Start time :</span></td>
						<td><span wicket:id="startTime"></span></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold;">End time :</span></td>
						<td><span wicket:id="endTime"></span></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold;">Text :</span></td>
						<td><textarea wicket:id="text">This is a comment</textarea></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold;">Location :</span></td>
						<td><input wicket:id="location" type="text" /></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold;">All day event :</span><input wicket:id="allDayEvent" type="checkbox" /></td>
						<td><span style="font-weight: bold;">Archive :</span><input wicket:id="archive" type="checkbox" /></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold;">Category :</span></td>
						<td><div>
								<select wicket:id="eventCategories"></select>
							</div>
							<div>
								Can't find appropriate category?<a wicket:id="addCategoryLink"><img wicket:id="addCategoryImage" /></a>
								<div wicket:id="categoryModalWindow" id="categoryModalWindow">&nbsp;</div>

							</div></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold;">Priority :</span></td>
						<td><select><option>1</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
								<option>5</option>
								<option>6</option>
								<option>7</option>
								<option>8</option>
								<option>9</option>
								<option>10</option>

						</select>
							<div style="color: red;">Higher number means higher priority</div></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold;">Related to contact :</span></td>
						<td><div>
								Meno XYQ&nbsp;&nbsp;&nbsp;&nbsp;<img src="/images/Page/crossDeleteImg.png" style="width: 16px;" />
							</div>
							<div>
								Meno XYZ&nbsp;&nbsp;&nbsp;&nbsp;<img src="/images/Page/crossDeleteImg.png" style="width: 16px;" />
							</div>
							<div>
								<input type="text" name="" value="" /> <img src="/images/Page/ButtonAdd.png" />
							</div></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold;">Related events :</span></td>
						<td>

							<div>
								<span wicket:id="parentEventTitle">Event XYQ&nbsp;&nbsp;&nbsp;&nbsp;</span><a href="#" wicket:id="deleteEvent"><img
									src="/images/Page/crossDeleteImg.png" style="width: 16px;" /></a>
							</div>
							<div>
								<a wicket:id="addParentEvent"><img src="/images/Page/ButtonAdd.png" /></a>
							</div>
							<div wicket:id="modalWindow" id="modalWindow"></div>
						</td>
					</tr>
					<tr>
						<td><span style="font-weight: bold;">Add file :</span></td>
						<td><div>
								File XYQ&nbsp;&nbsp;&nbsp;&nbsp;<img src="/images/Page/crossDeleteImg.png" style="width: 16px;" />
							</div>
							<div>
								<input type="text" name="" value="" /> <img src="/images/Page/ButtonAdd.png" />
							</div></td>
					</tr>
					<tr>
						<td><span style="font-weight: bold;">Repetition :</span></td>
						<td><select wicket:id="repetition"></select></td>
					</tr>
					<!-- 					<tr> -->
					<!-- 						<td><span style="font-weight: bold;">Event completition :</span></td> -->
					<!-- 						<td><div wicket:id="slider"></div></td> -->
					<!-- 					</tr> -->
				</table>


				<div style="text-align: center; padding-top: 15px;">
					<a href="#" wicket:id="link"><img wicket:id="saveImage" /></a> <a href="" class="closebtn"><img
						src="/images/Page/ButtonCancel.png" /></a>
				</div>
				<input wicket:id="sliderValue" type="hidden" id="sliderValue" /> <input wicket:id="idevent" type="hidden" id="eventId" /> <input
					wicket:id="isWindow" type="hidden" id="window" />

			</form>
		</div>
	</wicket:panel>

</body>
</html>